<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<meta name="description" content="">
<meta name="author" content="">

	<link rel="stylesheet" type="text/css" href="/market/css/main_js.css">
	<link rel="stylesheet" type="text/css" href="/market/css/products.css">
<title>分类商品</title>

</head>
<body>
	<%@include file="navbar.jsp"%>

	<!-- 商品展示 -->
	<div class="container-fluid ">
	<div class="row" >
		<div class="col-sm-4 col-xs-4" style="margin-top: 50px; margin-left: 10px;">
		<h2>跳蚤市场</h2>
		</div>

		<div class="col-sm-7 col-xs-7" style="margin:70px 0px 10px 10px" >
		<form class="bs-example bs-example-form " role="form" >
			<div class="input-group " style="border: #edaf37">
				<input type="text" class="form-control">
				<span class="input-group-btn">
					<button class="btn btn-default" type="button">搜索</button>
				</span>
			</div>
		</form>
		</div>
	</div>
	</div>

	<div class="container-fluid ">
		<div class="row ">

			<c:forEach items="${goods_type_list}" var="goods">

				<div class="panel panel-default col-xs-5 col-sm-2 productItem "  >
					<div class="panel-body">

						<div class="row" >



								<a href="goods_details?goodsId=${goods.goods_id}" target="_blank">

									<c:if test="${goods.goods_img.substring(0,1) eq '/'}">
									<img class=" img-responsive " alt="img_detail" src="${goods.goods_img}"
									style="width: 190px; height: 190px;">
									</c:if>

									<c:if test="${goods.goods_img.substring(0,1) ne '/'}">
										<img src="showGoodsPic?goodsImg=${goods.goods_img}&userid=${goods.user.userid}"
											 class=" img-responsive " alt="img_detail" style="width: 190px; height: 190px;">
									</c:if>

								</a>

								<p class="productPriceEm" >¥${goods.goods_price}</p>
								<p class="productFont">
									<c:if test="${goods.goods_name.length() > 28}">
										<small>${goods.goods_name.substring(0,27)}...</small>
									</c:if>
									<c:if test="${goods.goods_name.length() <= 28}">
										<small>${goods.goods_name}</small>
									</c:if>

								</p>
								<a href="Seller_Main?seller_id=${goods.user.userid}">${goods.user.nickname}</a>
								<small style="margin-left: 1%">${goods.trade_place}</small>

						</div>

					</div>
				</div>

			</c:forEach>


			<%--<%--%>
				<%--/*放该分类的商品 ,从数据库中读的数据并传到该界面*/--%>
				<%--for (int i = 0; i < 10; i++) {--%>
			<%--%>--%>

			<%--<div class="panel panel-default col-xs-11 col-sm-2"--%>
				<%--style="margin: 21px;">--%>
				<%--<div class="panel-body">--%>

					<%--<div class="row" style="margin-top: 10px;">--%>

						<%--<a href="/Hehe/pro/jsp/goods_details.jsp"> <img--%>
							<%--alt="img_detail" src="/Hehe/pro/images/kj.png"--%>
							<%--class=" img-rouded img-responsive" height="20%">--%>
						<%--</a>--%>
						<%--<p style="margin-top: 10px; color: red">--%>
							<%--<big>¥10.0...</big>--%>
						<%--</p>--%>
						<%--<p style="margin-top: 10px">--%>
							<%--<small>商品描述...</small>--%>
						<%--</p>--%>
						<%--<a>卖家信息</a>--%>
					<%--</div>--%>


				<%--</div>--%>
			<%--</div>--%>
			<%--<%--%>
				<%--}--%>
			<%--%>--%>


		</div>
	</div>


</body>
</html>